<template>
	 <div class="second-1">
		 <div class="second-2">{{house}}</div>
		 <div class="second-3">
			 <img src="../../../static/shoyeimg/img/c1.jpg" />
		 </div>
		 <div class="second-4">
			 <div class="zuo">
				 <img src="../../../static/shoyeimg/img/c2.jpg"/>
			 </div>
			 <div class="you">
				 <div class="shang">
					 <img src="../../../static/shoyeimg/img/c3.jpg" />
				 </div>
				 <div class="xia"> <img src="../../../static/shoyeimg/img/c4.jpg"/></div>
			 </div>
		 </div>
	 </div>
</template>
<script>
	export default{
		name: 'second',
		data(){
			return{
				house:"我的房子",
				
				  }
		     }
	}
</script>
  
<style scoped>
	.second-1{
		width: 7.5rem;
		height: 8.5rem;
	}
	.second-2{
		width: 7.5rem;
		height: 0.93rem;
		line-height: 0.93rem;
		padding: 0rem 0.3rem;
		color: black;
		background: white;
		font-size: 16px;
	}
	.second-3{
		width: 7.5rem;
		height: 3rem;
		background: white;
		padding: 0.1rem 0.5rem;
	}
	.second-3>img{
		height: 2.59rem;
		width: 6.39rem;
	}
	.second-4{
		width: 7.5rem;
		height: 3.46rem;
		background: white;
		display: flex;
		padding: 0.2rem 0.5rem;
		
	}
	.zuo{
		width:3.37rem ;
		height: 3.46rem;
	}
	.zuo>img{
		width:3.25rem ;
		height: 3.46rem;
	}
	.you{
		width:3.33rem ;
		height: 3.46rem;
		padding: 0rem 0.18rem;
	}
	.shang{
		width:3.33rem ;
		height: 1.7rem;	
	}
	.shang>img{
		width: 3.17rem;
		height: 1.48rem;
	}
	.xia{
		width:3.33rem ;
		height: 1.7rem;	
	}
	.xia>img{
		margin-top: 0.3rem;
		width: 3.17rem;
		height: 1.48rem;
	}
</style>
